<?php
/**
 * @package     maylocnuoc
 * @subpackage  maylocnuoc.nevia
 *
 * @copyright   Copyright (C) 2013 - liemqv
 * @license     
 */

defined('_JEXEC') or die;

JLoader::import('joomla.filesystem.file');

$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$this->language = $doc->language;
$this->direction = $doc->direction;

//Add CSS
$doc->addStyleSheet(JUri::base() . 'templates/' . $this->template . '/css/style.css', $type = 'text/css', $media = 'screen,projection');
$doc->addStyleSheet(JUri::base() . 'templates/' . $this->template . '/css/colors/blue.css', $type = 'text/css', $media = 'screen,projection');

//Add Script
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.min.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.flexslider.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.selectnav.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.twitter.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.modernizr.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.easing.1.3.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.contact.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.isotope.min.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.jcarousel.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.fancybox.min.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.layerslider.min.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/jquery.shop.js', 'text/javascript');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/scripts/custom.js', 'text/javascript');

//$doc->addScript('templates/' .$this->template. '/scripts/jquery.min.js');

?>

<!DOCTYPE html>
	<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
	<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
	<head>

		<!-- Basic Page Needs
		================================================== -->
		<meta charset="utf-8">
		<title>Nevia</title>

		<!-- Mobile Specific Metas
		================================================== -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

		<jdoc:include type="head" />
		
		<script language = "javascript">
			jQuery(function(){
				jQuery("#navigation li.current a").attr("id","current");
			})
		</script>
	</head>
	<body>

	<!-- Wrapper / Start -->
	<div id="wrapper">

		<!-- Header
		================================================== -->
		<div id="top-line"></div>

		<!-- 960 Container -->
		<div class="container">

			<!-- Header -->
			<header id="header">

				<!-- Logo -->
				<div class="ten columns">
					<div id="logo">
						<h1><a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" alt="Máy lọc nước" /></a></h1>
						<div id="tagline">Máy lọc nước</div>
						<div class="clearfix"></div>
					</div>
				</div>

				<!-- Social / Contact -->
				<div class="six columns">

					<!-- Social Icons -->
					<ul class="social-icons">
						<li class="twitter"><a href="#">Twitter</a></li>
						<li class="facebook"><a href="#">Facebook</a></li>
						<li class="dribbble"><a href="#">Dribbble</a></li>
						<li class="linkedin"><a href="#">LinkedIn</a></li>
						<li class="rss"><a href="#">RSS</a></li>
					</ul>

					<div class="clearfix"></div>

					<!-- Contact Details -->
					<div class="contact-details">Contact Phone: +48 880 440 110</div>

					<div class="clearfix"></div>

					<!-- Search -->
					<nav class="top-search">
						<form action="404-page.html" method="get">
							<button class="search-btn"></button>
							<input class="search-field" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search" />
						</form>
					</nav>

				</div>
			</header>
			<!-- Header / End -->

			<div class="clearfix"></div>

		</div>
		<!-- 960 Container / End -->


		<!-- Navigation
		================================================== -->
		<nav id="navigation" class="style-1">
			<div class="left-corner"></div>
			<div class="right-corner"></div>

			<jdoc:include type="modules" name="navigation" style="none" />
		</nav>
		<div class="clearfix"></div>


		<!-- Content
		================================================== -->
		<div id="content">
			<div class="container">
				<jdoc:include type="modules" name="content" style="none" />
			</div>
			<div class="container">
				<jdoc:include type="message" />
				<jdoc:include type="component" />
			</div>
		</div>
		<!-- Content / End -->

	</div>
	<!-- Wrapper / End -->


	<!-- Footer
	================================================== -->

	<!-- Footer / Start -->
	<footer id="footer">	
		<!-- 960 Container -->
		<div class="container">

			<!-- About -->
			<div class="four columns">
				<img id="logo-footer" src="images/logo-footer.png" alt="" />
				<p>Morbi gravida imperdiet rutrum fusce mattis, lectus consequat vestibulum, duinibh fermentum ligula.</p>

			</div>

			<!-- Contact Details -->
			<div class="four columns">
				<h4>Contact Details</h4>
				<ul class="contact-details-alt">
					<li><i class="halflings white map-marker"></i> <p><strong>Address:</strong> 123 Seward Street, Oklahoma City, USA</p></li>
					<li><i class="halflings white user"></i> <p><strong>Phone:</strong> +48 880 440 110</p></li>
					<li><i class="halflings white envelope"></i> <p><strong>Email:</strong> <a href="#">mail@example.com</a></p></li>
				</ul>
			</div>

			<!-- Photo Stream -->
			<div class="four columns">
				<h4>Photo Stream</h4>
				<div class="flickr-widget">
					<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=72179079@N00"></script>
					<div class="clearfix"></div>
				</div>
			</div>

			<!-- Twitter -->
			<div class="four columns">
				<h4>Twitter</h4>
				<ul id="twitter"></ul>
					<script type="text/javascript">
						jQuery(document).ready(function($){
						$.getJSON('http://api.twitter.com/1/statuses/user_timeline/vasterad.json?count=1&callback=?', function(tweets){
						$("#twitter").html(tz_format_twitter(tweets));
						}); });
					</script>
				<div class="clearfix"></div>
			</div>

		</div>
		<!-- 960 Container / End -->
	</footer>
	<!-- Footer / End -->


	<!-- Footer Bottom / Start  -->
	<footer id="footer-bottom">
		<!-- 960 Container -->
		<div class="container">
			<!-- Copyrights -->
			<div class="eight columns">
				<div class="copyright">
					© Copyright 2013 by <a href="#">Nevia</a>. All Rights Reserved.
				</div>
			</div>

			<!-- Menu -->
			<div class="eight columns">
				<nav id="sub-menu">
					<ul>
						<li><a href="#">FAQ's</a></li>
						<li><a href="#">Sitemap</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</nav>
			</div>

		</div>
		<!-- 960 Container / End -->

	</footer>
	<!-- Footer Bottom / End -->
	</body>
</html>